<template>
  <!--
  <SlotsBase>
    <div>
        <h3>插槽标题</h3>
        <p>插槽内容</p>
    </div>
  </SlotsBase>
  <SlotsBaseTow>
    <template v-slot:header>
      <h3>{{ message }}</h3>
    </template>
  
    <template v-slot:main>
      <p>自定义内容</p>
    </template>
  </SlotsBaseTow>

  <SlotsBaseThree #header="slotProps">
    <h3>{{ message }}-{{ slotProps.msg }}</h3>

  </SlotsBaseThree>
</template>

<template #main="slotProps">
  <p>{{ slotProps.job }}</p>
  -->
  <!--路由的显示入口-->
  <!--有下面两行，会显示导航栏，跳转页面之后也有导航栏-->
  <!-- <router-link to="/">登录</router-link> |
  <router-link to="/about">关于</router-link> -->

  <router-view></router-view>
  <zuyechajian/>

</template>


<script>
/*import SlotsBase from './components/SlotsBase.vue'
import SlotsBaseTow from './components/SlotsBaseTow.vue';
import SlotsBaseThree from './components/SlotsBaseThree.vue';
export default {
  data() {
    return {
      message: '插槽标题',

      message2: '插槽标题2',
      message3: '插槽标题3'
    }
  },
  components: {
    SlotsBase,
    SlotsBaseTow,
    SlotsBaseThree
  }
}

import denglu from './components/denglu.vue'*/


export default {

    name: 'App',
}

</script>